@media only screen and (min-width: 1280px) {
	.container{
		width: 1280px;
	}
}
@media  (max-width: 640px) {
	#index .row .classTitle .title{
		width: 30%;
	}
	#index .row .banner{
		min-height: 200px;
	}
	#index .row .classTitle .more{
		width: 30%;
	}
	#index .row .classList .classItem{
		margin-bottom: 20px;
	}
	#index .row .classBox{
		width: 100%;
		clear: both;
	}
	
	#index .row .classItem .peopleNum{
		margin-top: 10px;
		
	}
	#index .row .classItem .classTeacher{
		font-size: 14px;
		color: #666;
		margin-top: 20px;
	}
	#index .row .schoolList .schoolTitle .title{
		width: 30%;
	}
	#index .row .schoolList .schoolItem .schoolInformation{
		width: 100%;
	}
	#index .row .schoolBox .imgBox{
		width: 94%;
		margin: 0 3%;
		margin-top: 10px;
		background: url(../../images/bg2_03.png);
	}
	#index .row .schoolBox .imgBox .inforNum{
		width: 23%;
		padding-top: 15px;
		text-align: center;
	}
	#index .row .inforNuma{
		margin-top: 15px;
	}
	#index .row .schoolList .schoolBox{
		width: 100%;
		background: #fff;
	}
	#index .row .schoolList .schoolItem .schoolClassName{
		text-align: center;
		padding-left: 0;
	}
	#index .row .schoolList .schoolItem .schoolClassState{
		text-align: center;
		padding-left: 0;
	}
	#index .row  .bgDi{
		margin-left: 3%;
		
	}
	#index .row .schoolItem .schoolClassTitle{
		padding-top: 20px;
		padding-bottom: 15px;
		
	}
	#index .row .exportList .title{
		width: 30%;
	}
	#index .row .exportList .more{
		width: 30%;
	}
	#index .row .exportList .moreExport .imgBox img{
		width: 100%;
	}
	#index .row .exportList .moreExport .textBox{
		border-bottom: 1px solid #DCDCDC;
		margin-bottom: 15px;
	}
	
	
}
/*@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
	#index .row .schoolBox .imgBox .inforNum{
		
		
		
	}
	#index #aaa{
		padding-top: 25px;
	}
}*/
@media  (min-width: 640px) and (max-width: 980px) {
	
	
}


#index{
	background: #f7f7f7;
}
#index .banner{
	background: url(../../images/bannerBg_02.png) center top;
	min-height: 300px;
	margin-bottom: 50px;
	
}
#index .banner .subjectLi{
	position: absolute;
	left: 19%;
	top: 0;
	width: 18%;
	background: #fff;
}
#index .classItem{
	cursor: pointer;
}
#index .banner .subjectLi p{
	background: #003d89;
	height: 60px;
	line-height: 60px;
	color: #fff;
	text-align: center;
}
#index .banner .subjectLi ul li{
	height: 40px;
	line-height: 50px;
	font-size: 16px;
	color: #202020;
	text-align: center;
	cursor: pointer;
}

#index .classTitle .title{
	width: 20%;
	height: 80px;
	background: url(../../images/schoolNameBg.png);
	font-size: 24px;
	color: #202020;
	text-align: center;
	line-height: 80px;
}
#index .classTitle .more{
	width: 11%;
	margin-right: 20px;
	font-size: 16px;
	color: #999;
	text-align: center;
	height: 52px;
	line-height: 52px;
	cursor: pointer;
	border: 1px solid #c8c8c8;
	border-radius: 5px;
	margin-top: 13px;
}
#index .classTitle .more span{
	margin-left: 20px;
	color: #999;
}
#index .classBox{
	width: 96%;
	clear: both;
}
#index .classBox .bgDiv{
	background: url(../../images/greenBg.png);
}
#index .classBox .col-md-4{
	padding: 0;
}
#index .classSubjectItem{
	margin-bottom: 50px;
	background: #fff;
}
#index .classItem{
	border: 1px solid #dcdcdc;
}
#index .classItem div.classImg{
	width: 75%;
	float: left;
	position: relative;
	overflow: hidden;
}
#index .classItem div.classImg img{
	width: 100%;
}
#index .classItem div.classImg .classImgText{
	position: absolute;
	left: 0;
	bottom: -100%;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: rgba(0,0,0,.5);
	
}

#index .classItem div.classImg .classImgText span{
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 40px;
	width: 120px;
	text-align: center;
	line-height: 40px;
	margin: auto;
	font-size: 16px;
	z-index: 6;
	border: 1px solid #fff;
	border-radius: 5px;
}
#index .classItem .classAboutInformation{
	width: 25%;
	text-align: center;
}
#index .classItem .classAboutInformation span{
	display: block;
}
#index .classItem .peopleNum{
	margin-top: 30px;
	font-size: 14px;
	color: #666;
}
#index .classItem .num{
	font-size: 28px;
	color: #202020;
	margin-top: 10px;
}
#index .classItem .classTeacher{
	font-size: 14px;
	color: #666;
	margin-top: 20px;
}
#index .classItem .teacherName{
	font-size: 18px;
	margin-top: 10px;
	color: #202020;
}
#index .textBox{
	width: 100%;
	height: 83px;
	background: #fff;
	padding-left: 20px;
}

#index .textBox .classItemTitle{
	padding-top: 10px;
	font-size: 16px;
	color: #202020;
	line-height: 20px;
	width: 75%;
}
#index .textBox .state{
	margin-top: 2px;
	font-size: 14px;
	color: #999;
}
#index .schoolList{
	margin-bottom: 50px;
	background: #fff;
	border: 1px solid #DCDCDC;
}
#index .schoolList .schoolTitle{
	/*border-bottom: 1px solid #DCDCDC;*/
}
#index .schoolList .schoolTitle .title{
	width: 20%;
	height: 80px;
	background: url(../../images/schoolNameBg.png);
	font-size: 24px;
	color: #202020;
	text-align: center;
	line-height: 80px;
}
#index .schoolList .schoolBox{
	width: 96%;
	background: #fff;
}
#index .schoolList .schoolItem .schoolInformation{
	width: 54%;
}
#index .schoolBox{
	
}
#index .schoolList .schoolItem .schoolClassName{
	font-size: 18px;
	color: #202020;
	line-height: 40px;
	padding-left: 30px;
}
#index .schoolList .schoolItem .schoolClassState{
	font-size: 14px;
	color: #999999;
	padding-left: 30px;
}

#index .schoolItem .schoolClassTitle{
	padding-top: 45px;
	padding-bottom: 35px;
	
}
#index .schoolClassBrief{
	padding:0 30px;
	color: #999999;
	font-size: 14px;
}
#index .schoolBox .imgBox{
	width: 46%;
	background: url(../../images/bg2_03.png);
}
#index .schoolBox .imgBox .onlyImg{
	width: 77%;
}
#index .schoolBox .imgBox .inforNum{
	width: 23%;
	padding-top: 75px;
	text-align: center;
}
#index .fontColor{
	color: #666;
	font-size: 14px;
	padding-bottom: 12px;
}
#index .schoolBox .claNum{
	font-size: 28px;
	color: #202020;
}
#index .inforNuma{
	margin-top: 40px;
}
#index .schoolBox .classTeacher{
	font-size: 18px;
	color: #202020;
}
#index .borderDiv{
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
}
#index  .bgDivBox{
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	width: 100%;
}
#index  .bgDi{
	width: 63%;
	height: 45px;
	background: #dcdcdc;
	
}
#index .schoolList .moreSchool{
	width: 40%;
	margin-left: 30%;
	height: 80px;
	text-align: center;
	background: url(../../images/bg3_03.png);
	text-align: center;
}
#index .schoolList .moreSchool span{
	font-size: 50px;
	line-height: 80px;
	color: #999;
	cursor: pointer;
	
}
#index .exportList .schoolSubjectItem{
	
}

#index .exportList{
	background: #fff;
	margin-bottom: 50px;
	border: 1px solid #DCDCDC;
}

#index .exportList .title{
	width: 20%;
	height: 80px;
	background: url(../../images/schoolNameBg.png);
	font-size: 24px;
	color: #202020;
	text-align: center;
	line-height: 80px;
}
#index .exportList .more{
	width: 11%;
	margin-right: 20px;
	font-size: 16px;
	color: #999;
	text-align: center;
	height: 52px;
	line-height: 52px;
	cursor: pointer;
	border: 1px solid #c8c8c8;
	border-radius: 5px;
	margin-top: 13px;
}
#index .exportList .more span{
	margin-left: 20px;
	color: #999;
}
#index .exportList .schoolTitle{
	border-bottom: 1px solid #DCDCDC;
}
#index .exportList .moreExport{
	width: 88%;
	margin-left: 6%;
}
#index .exportList .moreExport .imgBox{
	background: url(../../images/greenBg.png);
	border: 1px solid #DCDCDC;
}
#index .exportList .moreExport .col-md-3{
	padding:0;
}
#index .exportList .moreExport .imgBox img{
	width: 85%;
}
#index .exportList .moreExport .textBox{
	border-right: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
}
#index .exportList .moreExport .textBox .position{
	font-size: 14px;
	color: #999;
	line-height: 35px;
}
#index .exportList .moreExport .textBox .name{
	font-size: 18px;
	color: #202020;
}

.footer{
	background: #003d89;
	padding-top: 43px;
	padding-bottom: 48px;
	
}
.footer .erweiBox{
	width: 155px;
	margin-left: 16%;
}
.footer .firstP{
	font-size: 14px;
	color: #b0bad1;
	height: 35px;
	cursor: pointer;
}
.footer .firstP span{
	margin-right: 30px;
}
.footer .secondP{
	font-size: 14px;
	color: #b0bad1;
	padding-bottom: 30px;
	cursor: pointer;
}
.footer .secondP span{
	margin-right: 8px;
}
.footer .thirdP{
	color: #b0bad1;
	font-size: 14px;
}
@media (max-width: 640px) {
	.footer .row .firstP{
		margin-left: 5%;
		margin-top: 15px;
	}
	.footer .row .textInformation{
		width: 100%;
	}
	.footer .row .secondP{
		margin-left: 5%;
	}
	.footer .row .thirdP{
		
		text-align: center;
	}
}

